<!DOCTYPE>
<html>
<head>
	<meta charset="utf-8">
	<title>通号基金官方网站</title>
	<link rel="stylesheet" type="text/css" href="./mystyle.css">
	<link rel="stylesheet" type="text/css" href="./index.css">
</head>
<body>
	<!--头部-->
	<div class="header">
		<!--头部左部分-->
		<div class="header-left header-part">
			通号基金官方网站，欢迎您!
		</div>
		<!--头部右部分-->
		<div class="header-right header-part">
			<div class="header-right-left">
				关注我们
			</div>
			<img class="header-right-left-img" src="images/ewm.png" />
			<div class="header-right-middle">
				|
			</div>
			<div class="header-right-right">
				<a class="header-right-a" href="#">快速导航</a>
				<img class="header-right-img" src="images/向下.png" />
			</div>
		</div>
	</div>
	<!--导航-->
	<div class="nav">
		<!--导航左部分-->
		<div class="nav-left">
			<img src="images/crcs.png" />
		</div>

		<!--导航右部分-->
		<div class="nav-right">
			<ul>
				<li>
					<a class="one" href="#">首页</a>
				</li>
				<li>
					<a class="other" href="#">关于我们</a>
				</li>
				<li>
					<a class="other" href="#">行业</a>
				</li>
				<li>
					<a class="other" href="#">能力</a>
				</li>
				<li>
					<a class="other" href="#">公司与行业动态
					</a>
				</li>
				<li>
					<a class="other" href="#">社会责任</a>
				</li>
				<li>
					<a class="other" href="#">加入我们</a>
				</li>
				<li>
					<a class="other" href="#">联系我们</a>
				</li>
			</ul>
		</div>
	</div>
	<!--主要部分-->
	<div class="banner" data-imgs="9" data-active="0">
		<img class="banner-slide-img banner-slide-active" src="images/hl_1.jpg" />
		<img class="banner-slide-img" src="images/hl_2.jpg" />
		<img class="banner-slide-img" src="images/hl_3.jpg" />
		<img class="banner-slide-img" src="images/hl_4.jpg" />
		<img class="banner-slide-img" src="images/hl_5.jpg" />
		<img class="banner-slide-img" src="images/hl_6.jpg" />
		<img class="banner-slide-img" src="images/hl_7.jpg" />
		<img class="banner-slide-img" src="images/hl_8.jpg" />
		<img class="banner-slide-img" src="images/hl_9.jpg" />
		<div class="banner-slide-button banner-slide-button-left"><</div>
		<div class="banner-slide-button banner-slide-button-right">></div>
		<div class="bannerrez">
			<p class="bannerrez-line"></p>
			<h2 class="bannerrez-h">卓越的研发能力</h2>
			<p class="bannerrez-p">研究范围涵盖宏观经济、兼并收 购、二级市场、土地交易架构、私募股权等 领域，国内市场与海外市场兼顾</p>
		</div>
		<div class="banner-diamond">
			<div class="banner-diamond-div partone">
				<a href="#">
					<img src="images/img_1.jpg" />
					<h2 class="banner-diamond-h blue">
						通号基金与漳州市市委领导、福建建工集团领导举行座谈 共襄机器人产业新城
					</h2>
					<h3 class="banner-diamond-hh blue">机器人产业落户漳州，将会给当地的产业升级提供全新的机遇，也是市委市政府主导工业转型升级的重要落脚点。</h3>
					<div class="symm">
						<p class="blue">2019-05</p>
						<p class="blue">-></p>
					</div>
				</a>
			</div>
			<div class="banner-diamond-div parttwo">
				<a href="#">
					<img src="images/img_2.jpg" />
					<h2 class="banner-diamond-h blue">
						通号基金与漳州市市委领导、福建建工集团领导举行座谈 共襄机器人产业新城
					</h2>
					<h3 class="banner-diamond-hh blue">机器人产业落户漳州，将会给当地的产业升级提供全新的机遇，也是市委市政府主导工业转型升级的重要落脚点。</h3>
					<div class="symm">
						<p class="blue">2019-05</p>
						<p class="blue">-></p>
					</div>
				</a>
			</div>
			<div class="banner-diamond-div partthree">
				<a href="#">
					<img src="images/img_3.jpg" />
					<h2 class="banner-diamond-h blue">
						通号基金与漳州市市委领导、福建建工集团领导举行座谈 共襄机器人产业新城
					</h2>
					<h3 class="banner-diamond-hh blue">机器人产业落户漳州，将会给当地的产业升级提供全新的机遇，也是市委市政府主导工业转型升级的重要落脚点。</h3>
					<div class="symm">
						<p class="blue">2019-05</p>
						<p class="blue">-></p>
					</div>
				</a>
			</div>
		</div>
	</div>
	<div class="footer">
		<p class="footer-p"></p>
		<div class="footer-main">
			<div class="footer-main-left">
				<div class="footer-main-nav">
					<a href="#">关于通号基金</a> | 
					<a href="#" class="footer-main-nav-a">友情链接</a> |
					<a href="#" class="footer-main-nav-a">网站地图</a>
				</div>
				<h2>
					北京地址：北京市丰台区汽车博物馆南路1号院中国通号大厦A座15层
				</h2>
				<h2>
					珠海地址：广东省珠海市横琴新区宝华路6号105室11487 联系电话：010-57730048 公司邮箱：admin@crsc.hk
				</h2>
				<h2>
					版权所有 Copyright © 横琴通号股权投资基金（有限合伙） All rights reserved <a class="hh-a" href="#">粤ICP备16114603号</a>
				</h2>
				<a class="hhh-a" href="#">技术支持：横琴通号股权投资基金</a>
			</div>
		    <div class="footer-main-right">
		    	<h2>关注我们</h2>
		    	<img src="images/ewm.png" />
		    </div>
		</div>
	</div>
</body>
<script src="jquery-1.12.4.js"></script>
<script src="./myjs.js"></script>
<script>
	//$('.header-right-img').on('mouseover', function() {
	//	$('.header-right-a').css('color', '#004999')
	//}).on('mouseout', function() {
	//	$('.header-right-a').css('color', '#666666')
	//})
	//$('.header-right-a').on('mouseover', function() {
	//	$('.header-right-a').css('color', '#004999')
	//}).on('mouseout', function() {
	//	$('.header-right-a').css('color', '#666666')
	//})
	//$('.header-right-left').on('mouseover', function() {
	//	$('.header-right-left').css('color', '#004999')
	//	$('.header-right-left-img').css('display', 'block')
	//}).on('mouseout', function() {
	//	$('.header-right-left').css('color', '#666666')
	//	$('.header-right-left-img').css('display', 'none')
	//})
	var play = function(offset) {
		var activeIndex = $('.banner').data('active')
		var numberOfImgs = $('.banner').data('imgs')
		var i = (activeIndex + numberOfImgs + offset) % numberOfImgs
		$('.banner').data('active', i)

		/*$('.banner-slide-active').fadeOut()*/
		$('.banner-slide-active').removeClass('banner-slide-active')

		var active = $($('.banner-slide-img')[i])
		active.addClass('banner-slide-active')
		/*active.fadeIn()*/
	}
	var playPrev = function() {
		play(-1)
	}
	var playNext = function() {
		play(1)
	}
	$('.banner-slide-button').on('click', function(event) {
		var target = $(event.target)
		if(target.hasClass('banner-slide-button-left')) {
			playPrev()
		} else {
			playNext()
		}
	})
	$('.partone').on('mouseover', function(event) {
		$('.partone').find('.blue').css('color', '#004999')
	}).on('mouseout', function(event) {
		$('.partone').find('h2').css('color', '#282828')
		$('.partone').find('h3').css('color', '#808080')
		$('.partone').find('p').css('color', '#808080')
	})
	$('.parttwo').on('mouseover', function(event) {
		$('.parttwo').find('.blue').css('color', '#004999')
	}).on('mouseout', function(event) {
		$('.parttwo').find('h2').css('color', '#282828')
		$('.parttwo').find('h3').css('color', '#808080')
		$('.parttwo').find('p').css('color', '#808080')
	})
	$('.partthree').on('mouseover', function(event) {
		$('.partthree').find('.blue').css('color', '#004999')
	}).on('mouseout', function(event) {
		$('.partthree').find('h2').css('color', '#282828')
		$('.partthree').find('h3').css('color', '#808080')
		$('.partthree').find('p').css('color', '#808080')
	})
</script>
</html>